$(function () {
  // 获取全局变量
  let form = layui.form;
  let layer = layui.layer;

  // 1.点击去注册跳转注册页面
  $("#link_res").on("click", function () {
    $(".reg-box").show();
    $(".login-box").hide();
  });
  // 2.点击去登录跳转登录页面
  $("#link_login").on("click", function () {
    $(".login-box").show();
    $(".reg-box").hide();
  });
  //3 正则校验
  form.verify({
    // 自定义校验正则
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    // 判断两次密码是否一致
    repwd: function (value) {
      // 第一次输入密码的值
      const pwd = $("#pwd").val();
      // 判断是否一致
      if (pwd !== value) return "两次密码不一致";
    },
  });

  // 4.注册功能
  // 表单监控事件
  $("#formReg").on("submit", function (e) {
    // 阻止默认事件
    e.preventDefault();
    // 发起ajax请求
    const data = {
      username: $("#username").val(),
      password: $("#pwd").val(),
    };
    $.post(`/api/reguser`, data, function (res) {
      console.log(res);
      if (res.status !== 0) {
        return layer.msg(res.message);
      }
      layer.msg("注册成功，请登录");
      $("#link_login").click();
    });
  });

  // 5 登录功能
  // 表单监控事件;
  $("#formLogin").on("submit", function (e) {
    // 阻止默认事件
    e.preventDefault();
    $.ajax({
      url: `/api/login`,
      method: "POST",
      // 上传数据为整个表单填写的内容
      data: $(this).serialize(),
      // 判断上传是否成功
      success: function (res) {
        if (res.status !== 0) {
          // 输出返回值
          return layer.msg(res.message);
        }
        // 输出返回值
        layer.msg(res.message);
        // 登陆成功后，将获取的tpken数据储存在浏览器中
        localStorage.setItem("token", res.token);
        // 登陆成功后，保存了用户手牌跳转到主页
        location.href = "../index.html";
      },
    });
  });
});
